﻿<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

    <meta name="format-detection" content="telephone=no">

    <meta name="apple-mobile-web-app-capable" content="yes">

    <meta name="apple-mobile-web-app-status-bar-style" content="white">

    <title>出入境办件进度查询</title>

    <link type="text/css" href="/szgawx/static/plugins/css/common.css" rel="stylesheet"/>
    <script src="/szgawx/static/plugins/js/FormValid.js"></script>

    <style type="text/css">

        * {

        margin: 0;

        padding: 0

        }

        body {

        font-size: 62.5%;


        margin: 0 auto;

        font-family: "微软雅黑", serif;

        }

        .no-border {

        border: none;

        outline: transparent none;

        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

        }



        .btn {

        text-align: center;

        height: 50px;

        line-height: 50px;

        font-size: 1em;

        width: 100%;

        display: block;

        }

        .btn.simple {

        height: 50px;

        line-height: 50px;

        text-align: center;

        margin-top: 15px;

        background-color: #157dfb;

        color: #ffffff;

        font-family: "微软雅黑";

        border-radius: 5px;

        border: 0px;

        width: 100%;

        font-size: 1.1em;

        }

        .btn.simple:hover {

        height: 50px;

        line-height: 50px;

        text-align: center;

        margin-top: 15px;

        background-color: #0363d7;

        color: #ffffff;

        font-family: "微软雅黑", serif;

        border-radius: 5px;

        border: 0px;

        width: 100%;

        font-size: 1.1em;

        }

        .main {

        font-size: 1.6em;

        margin: 8px;

        }

        .main .form {

        height: 50px;

        line-height: 50px;

        border: 1px solid #dddddd;

        width: 100%;

        border-radius: 3px;

        }

        .main .form .label {

        height: 50px;

        line-height: 50px;

        color: #157dfb;

        text-indent: 0.8em;

        float: left;

        width: 100px;

        }

        .main .form .element {

        height: 50px;

        line-height: 50px;

        margin-left: 105px;

        display: block;

        }

        .main .form .element input {

        color: #666;

        font-family: "微软雅黑", serif;

        text-indent: 0.3em;

        border: 0;

        width: 98%;

        font-size: 1.0em;

        overflow: hidden;

        white-space: nowrap;

        text-overflow: ellipsis;

        }



        #btn_query {

        /*font-weight: bold;*/

        }

        .main .btn:active {

        background-color: #3300ff;

        cursor: hand;

        }

        #result {

        min-height: 6em;

        margin: 0px 10px;

        line-height: 2;

        height: 2em;

        color: #837D7D;

        }

		.tab_title {

        height: 33px;

        border: 1px solid #157dfb;

        border-radius: 6px;

        background-color: #157dfb;

    }



    .tab_title .tab_item {

        width: 50%;

        display: inline-block;

        float: left;

        text-align: center;

        height: 33px;

        line-height: 33px;

        color: #706C6C;

        font-size: 1.6em;

        cursor: hand;

        background-color: #fff;

    }



    .tab_title .checked {

        background-color: transparent;

        color: #fff;

    }



    .tab_title .tab_left {

        border-top-left-radius: 5px;

        border-bottom-left-radius: 5px;

    }



    .tab_title .tab_right {

        border-top-right-radius: 5px;

        border-bottom-right-radius: 5px;

    }

	.title-bar {

        border: none;

		top: 0;

		height: 2.6em;

		line-height: 2.6em;

		text-indent: 0.4em;

		width: 100%;

		font-size: 1.8em;

		font-weight: 500;

		color: #eaeaea;

		background-color: #000000;

		display: -webkit-box;

		z-index: 999;

    }



    .title-bar .title {

        background-color: #17b4eb;

        -webkit-box-flex: 1;

        text-align: center;

        display: block;

    }



    .title-bar .btn-back {

        background-color: #17b4eb;

        border-top-left-radius: 0.7em;

        display: block;

        width: 3.0em;

        border-right: 1px solid rgba(197, 238, 220, 0.67);

    }



    .title-bar .btn-oper {

        border-top-right-radius: 0.7em;

        background-color: #17b4eb;

        display: block;

        width: 3.0em;

        text-align: center;

        width: -webkit-fit-content;

        min-width: 3.0em;

    }
     a {
 	 	text-decoration: none;
	  }

    </style>



</head>

<body>

<div class="main">

    <div class="form">

        <span class="label">业务编号：</span>

        <span class="element"><input id="txt_case" class="no-border" type="text" valid='isEnglishOrNum' errmsg='请输入正确的业务编号' placeholder="请输入业务编号" maxlength="50"/></span>

    </div>

    <div><a href="javascript:;" id="btn_query" class="btn simple no-border">查 询</a></div>

    <div id="result" style="display: none;">

        <div>

            <span>来办单位：</span>

            <span id="UnitName"></span>

        </div>

        <div>

            <span>联系人：</span>

            <span id="UnitContactor"></span>

        </div>

        <div>

            <span>办件名称：</span>

            <span id="ProjectCaseName"></span>

        </div>

        <div>

            <span>办件序号：</span>

            <span id="ProjectBillID"></span>

        </div>

        <div>

            <span>来办时间：</span>

            <span id="DueDate"></span>

        </div>

        <div>

            <span>承诺时间：</span>

            <span id="StartDoDate"></span>

        </div>

        <div>

            <span>办理状态：</span>

            <span id="ProjectStatus"></span>

        </div>

    </div>

</div>

<div id="toast" class="toast"></div>

<script type="text/javascript" src="/szgawx/static/plugins/js/jquery-2.1.1.min.js"></script>

<script type="text/javascript" src="/szgawx/static/plugins/js/common.js"></script>

<script type="text/javascript">

var _preFix = getServerPreFix();
var theRequest = GetRequest();
    $(function () {

        $("#btn_query").click(function (event) {

            var txtid = $("#txt_case").val().trim();

            if (txtid == null || txtid == "") {

                toast("请输入业务编号", 1500);

                return;

            }
            validate();

            $.ajax({

                url: _preFix+"/econsole/api/query/entry-exit/case-progress/" + txtid+"?source="+theRequest['source']+"&openId="+theRequest['openId'],

                timeout: 6000,

                beforeSend: function () {

                    loading();

                },

                success: function (resp) {

                    if (resp && resp.succ) {

                        $("#UnitName").text(resp.data.UnitName);

                        $("#UnitContactor").text(resp.data.UnitContactor);

                        $("#ProjectCaseName").text(resp.data.ProjectCaseName);

                        $("#ProjectBillID").text(resp.data.ProjectBillID);

                        $("#DueDate").text(resp.data.DueDate);

                        $("#StartDoDate").text(resp.data.StartDoDate);

                        $("#ProjectStatus").text(resp.data.ProjectStatus);

                        $("#result").show();

                        finish();

                    } else {

                        finish("没有查询到相应的数据");
                    }

                },

                error: function () {

                    finish("查询失败");

                    window.location.href = _preFix + "/szgawx/oauth/oauth?state="+_preFix+"/szgawx/api/query/3";
                }

            });

            event.stopPropagation();

            return false;

        });

    });


    function validate()
	{
		  
        if(validator(E("a"))){
        	return;
        }
	}




</script>

<div style="width:94%; float:left; margin-left:3%; line-height:28px; font-family:'微软雅黑'; font-size:14px; color:#ff0000; position:absolute; bottom:10px;">提示说明：您可以通过出入境部门提供的业务编号，查询出入境办件的进度情况。</div>

</body>

</html>

